.B0801-content .kmi-layout-page{
    flex:1;
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    padding: 0px;
    box-sizing: border-box;
    transition:all .2s ease-in-out;
}
.B0801-content .kmi-layout-page.left{
    padding: 8px 0 0;
    background: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 6px;
}


.B0801-content .query_condition{
    display: flex;
    flex-direction: column;
    position: relative;
    box-sizing: border-box;
    padding: 8px 128px 0px 34px;
    padding-right: 128px;
    flex: 0 0 92px;
    background: #ffffff;
    opacity: 1;
    transition: all .2s ease-in-out;
}
.B0801-content  .trigger-btn-fields{
    position: absolute;
    top: 10px;
    left: 4px;
}
.B0801-content  .trigger-btn-fields .close-btn{
    /* color: #1ab7cd; */
}
.B0801-content  .trigger-btn-fields .close-btn .open,
.B0801-content .is-close .trigger-btn-fields .close-btn .close{
    display: none;
}
.B0801-content .is-close .trigger-btn-fields .close-btn .open{
    display: initial;
}
.B0801-content .conditoin-fields .column_name{
    flex: 1;
}
.B0801-content .conditoin-fields .query_mode{
    flex:0 0 120px;
}
.B0801-content .conditoin-fields .column_value{
    flex: 2;
}

.B0801-content .kmi-text-fields input{
    margin-right: 8px;
}
.B0801-content .kmi-text-fields .tip{
    right: 35px;
}
.B0801-content .btn-fields{
    position: absolute;
    top: 2px;
    right: 6px;
    display: flex;
    flex-direction: column;
}
.B0801-content .condition-content .condition{
    /* border: 1px solid #1ab7cd; */
    border-radius: 34px;
    /* background: #1ab7cd; */
    padding-left: 8px;
    display: inline-block;
    margin: 0 4px 12px 0;
    /* color: #ffffff; */
    position: relative;
    line-height: 32px;
    /* box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); */
}
.B0801-content .condition-content .condition.is-require{
    padding-right: 8px;
}
.B0801-content .condition-content .condition.is-require .mdl-button.mdl-button--icon{
    display: none;
}
.B0801-content .condition-content .condition .kmi-can-click{
    border-radius: 34px;
}
.B0801-content .btn-fields{
    position: absolute;
    top: 2px;
    right: 6px;
    display: flex;
    flex-direction: column;
}
.B0801-content .report_content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    flex:1;
    transition: all .4s ease-in-out;
    transition-delay: .1s;
    opacity: 1;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0);
    
}
/*.B0801-content  .trigger-btn-fields{
    position: absolute;
    top: 10px;
    left: 4px;
}
.B0801-content  .trigger-btn-fields .close-btn{
    color: #1ab7cd;
}
.B0801-content  .trigger-btn-fields .close-btn .open,
.B0801-content .is-close .trigger-btn-fields .close-btn .close{
    display: none;
}
.B0801-content .is-close .trigger-btn-fields .close-btn .open{
    display: initial;
}
.B0801-content .kmi-text-fields{
    flex: 0 0 28px;
}

.B0801-content .query_condition{
    display: flex;
    flex-direction: column;
    position: relative;
    box-sizing: border-box;
    padding: 8px 128px 0px 34px;
    padding-right: 128px;
    border-radius: 6px 6px 0 0;

    flex: 0 0 92px;
    border: 1px solid #cccccc;
    border-bottom: 0px;
    background: #ffffff;
    opacity: 1;
    transition: all .2s ease-in-out;
}

.B0801-content .kmi-text-fields{
    flex: 0 0 28px;
}

.B0801-content .conditoin-fields .column_name{
    flex: 1;
}
.B0801-content .conditoin-fields .query_mode{
    flex:0 0 120px;
}
.B0801-content .conditoin-fields .column_value{
    flex: 2;
}

.B0801-content .kmi-text-fields input{
    margin-right: 8px;
}
.B0801-content .kmi-text-fields .tip{
    right: 35px;
}
.B0801-contentt .condition-content{
    height: 48px;
}
.B0801-content .condition-content,
.B0801-content .condition-content .ps-scrollbar-content{
    white-space: nowrap;
}
.B0801-content .condition-content .condition{
    border: 1px solid #1ab7cd;
    border-radius: 34px;
    background: #1ab7cd;
    padding-left: 8px;
    display: inline-block;
    margin: 0 4px 12px 0;
    color: #ffffff;
    position: relative;
    line-height: 32px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}
.B0801-content .condition-content .condition.is-require{
    padding-right: 8px;
}
.B0801-content .condition-content .condition.is-require .mdl-button.mdl-button--icon{
    display: none;
}
.B0801-content .condition-content .condition .kmi-can-click{
    border-radius: 34px;
}
.B0801-content .btn-fields{
    position: absolute;
    top: 2px;
    right: 6px;
    display: flex;
    flex-direction: column;
}


.B0801-content #report_content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    flex:1;
    transition: all .4s ease-in-out;
    transition-delay: .1s;
    opacity: 1;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0);
    padding: 5px;
}*/